{% extends 'web/layout/basic.html' %}
{% load static %}
{% block title %}购买会员{% endblock title %}
{% block css %}
    <link rel="stylesheet" href="{% static 'css/account.css' %}" />
    <style>
        .error-msg {
            color: red;
            position: absolute;    
            font-size: 11px;        
        }
       
    </style>
{% endblock css %}
     

{% block content %}
    
        
    
        
<div class="container-fluid" style="margin-top:20px;">
    <h2 style="text-align:center; margin-bottom:50px;">多种方案, 适用多种场景</h2>
    {% for price in price_list%}
    <div class="col-md-4">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title" style="text-align:center;">{{price.title}}</h3>
            </div>
            <div class="panel-body">
                <div style="text-align:center;">
                    <h4>￥ {{price.price}} /年</h4>
                    <div class="input-group" style="width: 300px;">
                        <span class="input-group-addon">数量</span>
                        <form method="GET" action="{% url 'web:policy_payment' policy_id=price.id %}" enctype="multipart/form-data">
                            {% csrf_token %}
                            <div class="input-group">
                                <input type="number" value=1 class="form-control" name="number">
                                <div class="input-group-btn">
                                    <input type="submit" value="立即购买" class="btn btn-primary" id="btnBuy">
                                </div>
                            </div>
                            
                        </form>
                    
                        
                    </div>
                    <table class="table" style="margin-bottom:0px;">
                        <tbody style="text-align:left;">
                            <tr><td>最大项目数量:{{price.project_num}}</td></tr>
                            <tr><td>最大项目空间:{{price.project_space}} GB</td></tr>
                            <tr><td>最大文件支持:{{price.per_file_size}} MB</td></tr>
                            <tr><td>项目成员:{{price.project_member}}</td></tr>
                        </tbody>
                    </table>     
                </div>
            </div>
            
        </div>
    </div>
    {% endfor %}   
</div>







{% endblock content %}

{% block js %}


{% endblock js %}